﻿@{
    ViewBag.Title = "Thông tin liên hệ Thiết kế nội thất Designeering";
    Layout = "~/Views/Shared/Layout.cshtml";
}

<div class="main-contact">
    <div class="contact">@Html.Raw(ViewBag.Contact)</div>
    <div class="map"><div id="map_canvas" style="position:initial;"></div></div>
</div>
<style>
    #map_canvas {
        width: 500px;
        height: 500px;
    }
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js"></script>

<script>
    //var result = document.getElementById('result');


        var mapcanvas = document.getElementById('map_canvas');
        var loti = '@ViewBag.Longtitude';
        var lati = '@ViewBag.Latitude';
        var coords = new google.maps.LatLng(lati, loti);
        var options = {
            zoom: 15,
            center: coords,
            mapTypeControl: true,
            navigationControlOptions: {
                style: google.maps.NavigationControlStyle.SMALL
            },
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), options);
</script>